@import "variable.styl"

body, html
  line-height: 1
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'
  //user-select: none
  //user-select auto
  //-webkit-user-select auto
  -webkit-tap-highlight-color: transparent
  //background: $color-background
  //color: $color-text
input,button{-webkit-appearance:none;border:none}
button{outline:none}
  //在X5新内核Blink中，在排版页面的时候，会主动对字体进行放大，会检测页面中的主字体，当某一块字体在
//我们的判定规则中，认为字号较小，并且是页面中的主要字体，就会采取主动放大的操作。然而这不是我们想要的，可以采取给最大高度解决
*, *:before, *:after { max-height: 100000px;}
textarea{border-color:#fff;-webkit-appearance: none;background:none;}
textarea:disabled{color:#5d5d5d;-webkit-text-fill-color: #5d5d5d;-webkit-opacity: 1;background:none}
//textarea:focus{border:1px dashed #ccc;border-radius 3px}
textarea::-webkit-input-placeholder{color:#02C2A2;font-weight:300}
textarea:focus{
  border:1px dashed #02C2A2 !important
  box-shadow 0 0 10px #02C2A2
}
  //控制文字不折行，超出部分用省略号显示
.nowrap{white-space:nowrap;overflow:hidden;text-overflow: ellipsis}
/**产品说明书部分公共样式**/
// 标题左侧小竖条
.P_LeftLable:before{content:"";display:inline-block;width 3px;height 0.65rem;background:$color-cyd;position:absolute}
.hide{display:none;}
.maodian{
  transition all 0.5s
}
.temp_root{padding-bottom 60px}
  // 切换顺序动效
.list-complete-item, .list-complete-item-move {
  transition: all .5s;
  margin-top 20px
  /*display: inline-block;*/
}
//*{
//  transition all 0.5s
//}
.list-complete-enter, .list-complete-leave-to {
  /* .list-complete-leave-active for below version 2.1.8 */
  opacity: 0;
  height: 10px;
  //transform: translate(100%,100%);
  transform: scale(.3);
}

.list-complete-leave-active {
  position: absolute;
}

section {
  position: relative;
  margin-bottom 10px;
}
  // 每一项的公共样式
.itemRoot {
  width: 100%;
  height auto;
  background $color-fff;
  overflow: hidden;
  padding 2px 0;
}

.itemRoot .module_name {
  text-align: center;
  font-size: 20px;
  color: $color-cyd;
  /*line-height: 80px*/
  margin: 20px auto 25px auto;
  display: block;
  width 360px;
  //padding 10px
  height:26px;
  line-height: 26px;
}

.itemTitleCon, .itemTitleConTitleWrap {
  width: 100%
}

.itemTitleConTitleWrap .itemTitleConStitle {
  margin 17px 0;
  height:20px;
  width: 340px
  line-height: 20px;
  color: $color-5d;
  font-size $font-size-small
  padding: 5px 5px 5px 9px;
}

.itemTitleCon {
  padding: 0 16px;
}

.itemTitleConTitleRightCon {
  font-size: $font-size-16;
  color: $color-39;
  /*display: inline-block;*/
  height: 16px;
  width: 300px;
  line-height 17px;
  vertical-align: baseline;
  margin-left: 5px;
  padding: 5px;
  overflow hidden
  display block
}

.itemConWrap_imgWrap {
  width: 100%;
  position: relative
  margin-top 10px
}

.itemConWrap_imgWrap img {
  width: 100%;
}

.Lbefore:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 20px;
    margin-top: 3px;
    background: #FFAF00;
    position: absolute;
}

.spinner-holder.active {
  opacity : 0 !important;
}
